<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>申请报修历史</title>
<script src="/static/lib/jquery/jquery.1.9.1.min.js"></script>
<script src="/static/lib/bootstrap/js/bootstrap.min.js"></script>
<script src="/static/lib/bootstrap-table/bootstrap-table.min.js"></script>
<script
	src="/static/lib/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="/static/lib/jquery-expand/jquery.expand.js"></script>
<link rel="stylesheet"
	href="/static/lib/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet"
	href="/static/lib/bootstrap-table/dist/bootstrap-table.min.css" />
</head>
<body>
	<div class="panel-body" style="padding-bottom: 0px;">
		<table id="tb_repairHistory" class="table table-bordered"></table>
	</div>
</body>
<script type="text/javascript">

$(function() {
	tableInit();
})
//初始化Table
function tableInit() {
	$('#tb_repairHistory').bootstrapTable({
		url : '/stu/repairHistory', //请求后台的URL（*）
		method : 'get', //请求方式（*）
		cache : false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
		clickToSelect:true,
		sortable : true, //是否启用排序
		sortOrder : "asc", //排序方式
		sidePagination : "server", //分页方式：client客户端分页，server服务端分页（*）
		pagination : true, //是否显示分页（*）
		pageNumber : 1, //初始化加载第一页，默认第一页
		pageSize : 10, //每页的记录行数（*）
		pageList : [10, 25, 50], //可供选择的每页的行数（*）
		uniqueId : 'dormid', //每一行的唯一标识，一般为主键列
		sortName: 'dormid', // 要排序的字段
		queryParams : function(params) {
			return {
				size: params.limit, // 每页要显示的数据条数
				page: params.offset/params.limit, //pageable 下标从0开始
                sort: params.sort + "," + params.order // 排序规则
            }
		},//传递参数（*）
		responseHandler: function(res) {
			return {
		        total : res.totalElements, //总页数,前面的key必须为"total"
		        rows :  res.content//行数据，前面的key要与之前设置的dataField的值一致.
		    };
		},
		columns : [ {
			field : 'id',
			visible:false
		}, {
			field : 'dormid',
			title : '宿舍号',
			sortable : true
		}, {
			field : 'reason',
			title : '报修类型',
			formatter: function (value,row,index) {
				var result="";
				if (value == 0) {
					result = "灯";
				}else if(value == 1) {
					result = "床，桌椅";
				}else if(value == 2) {
					result = "门窗";
				}else if (value == 3){
					result = "其它";
				}
				return result;
			}
		}, {
			field : 'date',
			title : '报修时间',
			sortable : true,
			formatter: function (value,row,index) {
				if (value != null) {
		            var date = new Date(value);
		            return dateFtt("yyyy-MM-dd hh:mm",date);
		        }
			}
		},{
			field : 'note',
			title : '说明'
		},{
			field : 'status',
			title : '状态',
			formatter: function (value,row,index) {
				var result="";
				if (value == 2) {
					result = "处理完成";
				}
				return result;
			}
		}]
	});
	
};


/**
 * 时间格式化处理
 */
function dateFtt(fmt,date) {   
  var o = {
    "M+" : date.getMonth()+1,                 //月份
    "d+" : date.getDate(),                    //日
    "h+" : date.getHours(),                   //小时
    "m+" : date.getMinutes(),                 //分
    "s+" : date.getSeconds(),                 //秒
    "q+" : Math.floor((date.getMonth()+3)/3), //季度   
    "S"  : date.getMilliseconds()             //毫秒
  };   
  if(/(y+)/.test(fmt))   
    fmt=fmt.replace(RegExp.$1, (date.getFullYear()+"").substr(4 - RegExp.$1.length));   
  for(var k in o)   
    if(new RegExp("("+ k +")").test(fmt))   
  fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));   
  return fmt;   
}
</script>
</html>